<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../../css/api.css" />
      <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    	<link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
      <style>
          html, body {width: 100%;min-height:100%;min-height:100%;background: #ffffff;}
          .h10{
            width: 100%;
            height: 0.5rem;
            display: -webkit-box;
            clear: both;
          }

          #header_top{
            /*background: url(../../image/header_bg.png) no-repeat center !important;*/



          }
          .aui-icon-left{
              color: #666 !important

          }
          header,.aui-bar-nav {

          }
          .aui-title{

          }



          [v-cloak] {
              display: none;
          }
      </style>
  </head>
  <body>
    <div id="app" >

      <header id="header_top" class="aui-bar aui-bar-nav aui-bar-light">
      <a class="aui-pull-left aui-btn" onclick="goback()">
          <span class="aui-iconfont aui-icon-left"></span>
      </a>
      <div class="aui-title">确认订单</div>
  </header>




    </div>

  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/zepto.js"></script>
  <script type="text/javascript" src="../../script/vue.min.js"></script>
  <script type="text/javascript" src="../../script/utils.js"></script>
  <script type="text/javascript" src="../../script/common.js"></script>
  <script type="text/javascript" src="../../script/aui-tab.js"></script>
  <script type="text/javascript" src="../../script/aui-scroll.js"></script>
  <script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
  <script type="text/javascript">
      function goback(){
        api.closeWin();
      }
      var header_top = $api.byId('header_top');
      var header_topPos = $api.offset(header_top);

      apiready = function(){
        $api.fixStatusBar(header_top);
        api.openFrame({
            name: 'giftDetails',
            url: './giftDetails.html',
            rect: {
                x: 0,
                y: header_topPos.h+25,
                w: 'auto',
                h: api.frameHeight - header_topPos.h-25
            },
            pageParam: api.pageParam
        });
      };



      //刷新
      function setRefresh() {
          var pullRefresh = new auiPullToRefresh({
              container: document.querySelector('.aui-refresh-content'),
              triggerDistance: 100
          }, function(ret) {

              if (ret.status == "success") {
                  setTimeout(function() {
                      pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
                  }, 1500)
              }
          })
      }

  </script>
  </html>
